<!--

@author 姚润发
@created 2020/09/13 17:52
-->
<template>
    <div class="auth-page">
        <div class="container page">
            <div class="row">

                <div class="col-md-6 offset-md-3 col-xs-12">
                    <h1 class="text-xs-center">{{ isLogin ? 'Sign in' : 'Register'}}</h1>
                    <p class="text-xs-center">
                        <!--<a href="">Have an account?</a>-->
                        <nuxt-link v-if="!isLogin" to="/login">Have an account?</nuxt-link>
                        <nuxt-link v-else to="/register">Need an account?</nuxt-link>
                    </p>

                    <ul class="error-messages">
                        <li>That email is already taken</li>
                    </ul>

                    <form>
                        <fieldset v-if="!isLogin" class="form-group">
                            <input class="form-control form-control-lg" type="text" placeholder="Your Name">
                        </fieldset>
                        <fieldset class="form-group">
                            <input class="form-control form-control-lg" type="text" placeholder="Email">
                        </fieldset>
                        <fieldset class="form-group">
                            <input class="form-control form-control-lg" type="password" placeholder="Password">
                        </fieldset>
                        <button class="btn btn-lg btn-primary pull-xs-right">
                            {{ isLogin ? 'Sign in' : 'Register'}}
                        </button>
                    </form>
                </div>

            </div>
        </div>
    </div>
</template>

<script>
  export default {
    name: "LoginIndex",
    computed: {
      isLogin() {
        return this.$route.name === 'login'
      }
    },
    data() {
      return {}
    }
  }
</script>

<style scoped>

</style>
